<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <div class="container">
        <header class="index_head">
            <div class="layout_main">
                <div class="Warpper">
                    <div class="logo">
                        <a href="#">
                            <img src="./img/index/logo.webp" alt="">
                        </a>
                    </div>
                    <div class="web_nav">
                        <!-- 一级 -->
                        <ul>
                            <li >
                                <a href="./index.html">
                                    <em>Home</em>
                                </a>
                            </li>
                            <li>
                                <a href="./about.html">
                                    <em>about us</em>
                                </a>
                            </li>
                            <li class="nav-current">
                                <a href="./product-list.html">
                                    <em>Product</em>
                                </a>
                                <!-- 二级 -->
                                <ul>
                                    <li>
                                        <a href="./products.html">
                                            <em> Products_Details</em>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <em> Products_Details</em>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <em> Products_Details</em>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <em> Products_Details </em>
                                                </a>
                                            </li>
                                        </ul>

                                    </li>
                                    <li>
                                        <a href="#">
                                            <em> Products_Details</em>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <em> 123123132132</em>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>

                            <li>
                                <a href="./contact.html">
                                    <em>technology</em>
                                </a>
                            </li>
                            <li>
                                <a href="./news-list.html">
                                    <em>news</em>
                                </a>
                            </li>
                            <li>
                                <a href="./factory.html">
                                    <em>on line show</em>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="search">
                        <b id="btn-search" class="btn--search"></b>
                        <div class="line"></div>
                        <div class="change-language ensemble">
                            <div class="change-language-title medium-title">
                                <div class="language-flag language-flag-en"><a title="English" href="javascript:;"> <b
                                            class="country-flag"></b> <span>English</span> </a> </div>
                            </div>
                            <div class="change-language-cont sub-content"></div>
                        </div>
                    </div>
                    <div class="btn_contact">
                        <a href="#0" class="btn">contact</a>
                    </div>
                </div>

            </div>

        </header>
       <div class="page_main">
        <div class="layout_main">
            <aside>
                <div class="pro_menu">
                    <ul>
                        <li>
                            <a href="/index.html">
                                <em>contact rivets</em>
                            </a>
                            <ul>
                                <li>
                                    <a href="#">
                                        <em>Trimetal Contact Rivets</em>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <em>Bimetal Contact Rivets</em>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <em>Solid Contact Rivets</em>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">
                               <em>Electrical Contact Tips</em>
                            </a>
                            
                        </li>
                        <li>
                            <a href="#">
                               <em>Powder Metal Contacts</em>
                            </a>
                            <ul>
                                <li>
                                    <a href="#">
                                        <em>Cotton paper double-sided tape</em>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <em>Double Sided Foam Tape</em>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">
                               <em>Welding Button Contacts</em> 
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <em>Contact Assemblies</em> 
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <em>Silver Alloy Wires</em> 
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <em>locomotive contact</em> 
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="pro_item">
                    <h3>
                        Recommended products
                    </h3>
                    <div class="items">
                        <ul>
                            <li>
                                <a href="#0">
                                    <div class="item_img">
                                        <img src="./img/index/pro.webp" alt="">
                                    </div>
                                    <div class="item_info">
                                        <div class="title">Adhesive Library</div>
                                        <div class="desc">Custom Free Samples UHF RFID Label</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#0">
                                    <div class="item_img">
                                        <img src="./img/index/pro.webp" alt="">
                                    </div>
                                    <div class="item_info">
                                        <div class="title">Adhesive Library</div>
                                        <div class="desc">Custom Free Samples UHF RFID Label</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#0">
                                    <div class="item_img">
                                        <img src="./img/index/pro.webp" alt="">
                                    </div>
                                    <div class="item_info">
                                        <div class="title">Adhesive Library</div>
                                        <div class="desc">Custom Free Samples UHF RFID Label</div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    
                </div>
            </aside>
            <div class="main detail_main">
                <div class="page_title">
                    Custom electrical contact assemblies
                </div>
              <div class="customWarp">
                <div class="mold">
                    <div class="list">
                        <div class="left">
                            <div class="imgWarp">
                                 <img src="./img/page/Custom01.png" alt="">
                            </div>
                           
                        </div>
                        <div class="right">
                            Riveting uses force and pressure to join contacts and other components together to create a strong integrated structure. SHZHJ's production line is equipped with advanced automated riveting equipment and advanced riveting technology. 
                        </div>
                    </div>
                    <div class="list">
                        <div class="left">
                            <div class="imgWarp">
                                <img src="./img/page/Custom02.png" alt="">
                            </div>
                        </div>
                        <div class="right">
                            Welding is one of the important processes in the production of contact components. SHZHJ connects electrical contacts and other electronic components through integrated mold production and automatic welding. SHZHJ provides advanced methods such as resistance welding/high frequency welding for production according to different technical requirements.
                        </div>
                    </div>
                </div>
                <div class="videoWarp">
                    <div class="list">
                        <div class="left">
                            <iframe src="https://www.youtube.com/embed/yL8Koy4gWmI?si=nXRixw8q3p8497J1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                        </div>
                        <div class="right">
                            <h5>Custom Manufacturing For Your Project</h5>
                            <p>Electric contacts are made of metal materials and can withstand high frequency, high voltage, and high current environments. Electric contact assemblies, on the other hand, are integral components composed of electric contacts and other electronic elements, which can be widely applied in various fields such as automotive, electrical appliances, and electronic devices.</p>
                            <p>Customized electric contacts and electric contact assemblies can be designed and manufactured according to the specific needs of customers.</p>
                        </div>
                    </div>
                </div>
                <div class="itemWarp itemswiper">
                    <div  class="items swiper-wrapper">
                        <div class="swiper-slide">
                                <img src="./img/page/4.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="./img/page/5.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/6.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/7.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/8.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/9.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/10.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/11.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/12.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/13.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/14.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/15.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/16.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/17.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                            <img src="./img/page/18.jpg" alt="">
                         </div>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
                <div class="material">
                    <div class="list">
                        <div class="left">
                            <div class="imgWarp">
                                <img src="./img/page/Custom08.png" alt="">
                            </div>
                        </div>
                        <div class="right">
                            <h5>Contact assembly--metal strip</h5>
                            <p>During the stamping process, metal strip is commonly used to manufacture various shaped parts, which are then assembled into contact components.</p>
                            <ul>
                                <li>
                                    Copper
                                </li>
                                <li>
                                    Brass copper
                                </li>
                                <li>
                                    Beryllium copper
                                </li>
                                <li>
                                    White copper
                                </li>
                                <li>
                                    Aluminum
                                </li>
                                <li>
                                    Steel  
                                </li>
                                <li>
                                    Pre-nickel or pre-tin plated materials
                                </li>
                                <li>
                                    Special customer requirements
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="list list01">
                        <div class="left">
                            <div class="imgWarp">
                                <img src="./img/page/Custom09.png" alt="">
                            </div>
                        </div>
                        <div class="right">
                            <h5>Contact assembly--contacts wire material</h5>
                            <p>These materials have excellent electrical conductivity, corrosion resistance, and durability, and different contact wire metal materials can be selected according to specific applications and performance requirements.</p>
                            <ul>
                                <li>
                                    Pure copper wire
                                </li>
                                <li>
                                    Pure silver wire
                                </li>
                                <li>
                                    Pure gold wire
                                </li>
                                <li>
                                    Copper alloy wire
                                </li>
                                <li>
                                    Fine silver
                                </li>
                                <li>
                                    Gold-silver alloy
                                </li>
                                <li>
                                    Silver-nickel alloy
                                </li>
                                <li>
                                    Silver-copper alloy
                                </li>
                                <li>
                                    Silver tin oxide
                                </li>
                                <li>
                                    Silver zinc oxide
                                </li>
                                <li>
                                    Silver cadmium oxide
                                </li>
                                <li>
                                    Special customer requirements
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="choose">
                   <h5>Why choose SHZHJ manufacturing</h5>
                   <p>Top 3 reasons</p>
                   <p>Accepting Small Orders:
                    <span>Guaranteed Unit Price SHZHJ 100%. We accept small batch orders and our engineering team will evaluate the most suitable production method to ensure the most favorable price without compromising quality.</span>
                   </p>
                    <p>Efficient Production for Large Quantities:
                        <span>Utilizing our advanced manufacturing technology such as in-mold welding and riveting, HLC offers high efficiency production with a capacity of 3000PCS/H, significantly reducing unit costs.</span>

                    </p>
                    <p>Accurate Positioning and High Quality:
                        <span>Contact and contact assembly are the core technologies that we have maintained in production almost 20 years. We provide high precision positioning and superior quality products.</span>

                    </p>
                </div>
                <div class="faq">
                    <h5>FAQ</h5>
                    <div class="q">
                        Q:Do you provide custom electrical contact assembly solutions?
                        <div class="a">
                            A:Yes, we specialize in providing custom electrical contact assembly solutions. Our professional team of engineers has over 30 years of experience, and we have an independent mold R&D department ready to serve you.
                        </div>
                    </div>
                    <div class="q">
                        Q:Do you provide custom electrical contact assembly solutions?
                        <div class="a">
                            A:Yes, we specialize in providing custom electrical contact assembly solutions. Our professional team of engineers has over 30 years of experience, and we have an independent mold R&D department ready to serve you.
                        </div>
                    </div>
                    <div class="q">
                        Q:Do you offer samples for testing?
                        <div class="a">
                            A:Yes,we will send you samples for testing, only after the sample passes we will arrange for mass production
                        </div>
                    </div>
                </div>
                
              </div>
             

            </div>
        </div>
       
       </div>
        <footer>
            <div class="web_footer">
                <div class="layout_index">
                    <div class="left">
                        <div class="logo">
                            <img src="./img/index/logo.webp" alt="">
                        </div>
                        <div class="desc">It is a long established fact that a reader will be distracted by the readable
                            content of a page when looking at its layout.</div>
                        <ul class="info_items">
                            <li>
                                <div class="icon">
                                    <img src="./img/index/email.webp" alt="">
                                </div>
                                <div class="item_val">
                                    <a href="#0">support@piaproxy.com</a>
                                   </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <img src="./img/index/Telegram.webp" alt="">
                                </div>
                                <div class="item_val">Contact us on Telegram</div>
                            </li>
                            <li>
                                <div class="icon">
                                    <img src="./img/index/Frame.webp" alt="">
                                </div>
                                <div class="item_val">Contact us on Skype</div>
                            </li>
                            <li>
                                <div class="icon">
                                    <img src="./img/index/ico_facebook.webp" alt="">
                                </div>
                                <div class="item_val">
                                    <a href="#0">Facebook</a>
                                   </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <img src="./img/index/ico_youtube.webp" alt="">
                                </div>
                                <div class="item_val">
                                    <a href="#0">YouTube</a>
                                    </div>
                            </li>
                        </ul>
                       <ul class="pay">
                        <li>
                            <a href="javascript:;">
                                <img src="./img/index/foot_icon01.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="./img/index/foot_icon02.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="./img/index/foot_icon03.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="./img/index/foot_icon04.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="./img/index/foot_icon05.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="./img/index/foot_icon06.webp" alt="">
                            </a>
                        </li>
                       </ul>
                    </div>
                    <div class="right">
                        <div class="pro">
                            <div class="title">
                                product catalog
                            </div>
                            <ul class="items">
                                <li>
                                    <a href="#0">Contact Rivets</a>
                                </li>
                                <li>
                                    <a href="#0">Electrical Contact Tips</a>
                                </li>
                                <li>
                                    <a href="#0">Powder Metal Contacts</a>
                                </li>
                                <li>
                                    <a href="#0">Welding Button Contacts</a>
                                </li>
                                <li>
                                    <a href="#0">Silver Alloy Wires</a>
                                </li>
                                <li>
                                    <a href="#0">Contact Assemblies</a>
                                </li>
                            </ul>
                        </div>
                        <ul class="menu">
                            <li>
                                <a href="#0">About Us</a>
                            </li>
                            <li>
                                <a href="#0">join us</a>
                            </li>
                            <li>
                                <a href="#0">blogs</a>
                            </li>
                            <li>
                                <a href="#0">quick nabigation</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="sj-footer">
                <ul>
                    <li>
                        <a href="./index.html">
                            <svg t="1688436920985" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2065"
                                xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
                                <path
                                    d="M969.6 502.4l-118.4-112-323.2-300.8c-9.6-9.6-22.4-9.6-32 0l-313.6 297.6c-3.2 3.2-6.4 6.4-9.6 9.6l-118.4 112c-9.6 9.6-9.6 22.4 0 32s22.4 9.6 32 0l83.2-80 0 393.6c0 48 41.6 89.6 92.8 89.6l83.2 0c38.4 0 70.4-28.8 70.4-67.2l0-217.6 99.2 0 99.2 0 0 217.6c0 35.2 32 67.2 70.4 67.2l83.2 0c51.2 0 92.8-38.4 92.8-89.6l0-396.8 80 73.6c9.6 9.6 22.4 9.6 32 0C979.2 524.8 979.2 512 969.6 502.4zM809.6 857.6c0 25.6-19.2 44.8-44.8 44.8l-83.2 0c-12.8 0-22.4-9.6-22.4-22.4L659.2 640c0-12.8-9.6-22.4-22.4-22.4l-121.6 0-121.6 0c-12.8 0-22.4 9.6-22.4 22.4l0 240c0 12.8-9.6 22.4-22.4 22.4l-83.2 0c-25.6 0-44.8-19.2-44.8-44.8l0-438.4 294.4-281.6 294.4 281.6L809.6 857.6z"
                                    p-id="2066"></path>
                            </svg>
                            <p>Index</p>
                        </a>

                    </li>
                    <li>
                        <a href="./product-list.html">
                            <svg t="1688436936338" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2519"
                                xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
                                <path
                                    d="M383.10658438 962H177.23974854a115.37999209 115.37999209 0 0 1-115.1996792-115.1996792V640.87338096a115.36997432 115.36997432 0 0 1 115.1996792-115.19968008h205.86683584a115.37999209 115.37999209 0 0 1 115.19968007 115.19968008v205.87685273a115.37999209 115.37999209 0 0 1-115.19968007 115.24976631zM177.23974854 588.18204864a52.75143545 52.75143545 0 0 0-52.69133145 52.69133232v205.87685273a52.76145323 52.76145323 0 0 0 52.69133145 52.75143545h205.86683584a52.76145323 52.76145323 0 0 0 52.70134921-52.70134834V640.87338096a52.76145323 52.76145323 0 0 0-52.70134921-52.69133233zM839.60785391 962H633.67089629a115.36997432 115.36997432 0 0 1-115.1996792-115.1996792V640.87338096a115.36997432 115.36997432 0 0 1 115.1996792-115.19968008h205.93695762a115.36997432 115.36997432 0 0 1 115.19967919 115.19968008v205.87685273a115.36997432 115.36997432 0 0 1-115.19967919 115.24976631zM633.67089629 588.18204864a52.75143545 52.75143545 0 0 0-52.69133145 52.69133232v205.87685273a52.75143545 52.75143545 0 0 0 52.69133144 52.75143545h205.93695763a52.75143545 52.75143545 0 0 0 52.69133145-52.70134834V640.87338096a52.75143545 52.75143545 0 0 0-52.69133145-52.69133233zM736.61934043 514.46427119a101.91665567 101.91665567 0 0 1-72.54574629-30.05208984L540.43929512 360.76786455a102.68799258 102.68799258 0 0 1 0-145.08147481L664.09362881 92.10217695a102.56778457 102.56778457 0 0 1 145.07145703 0l123.60424746 123.58421279a102.76813125 102.76813125 0 0 1 0 145.07145703L809.16508584 484.41218135a101.92667256 101.92667256 0 0 1-72.54574542 30.05208984z m0-389.9158541a39.68879414 39.68879414 0 0 0-28.23894756 11.71029814l-123.71443857 123.6543337a40.06945371 40.06945371 0 0 0 0 56.63817334l123.64431679 123.63429902c15.10618448 15.13623604 41.48190176 15.13623604 56.62815557 0l123.62428212-123.62428213a40.06945371 40.06945371 0 0 0 0-56.65820713L764.93842666 136.26873213a39.80900215 39.80900215 0 0 0-28.31908623-11.72031504zM383.10658438 506.41031094H177.23974854a115.36997432 115.36997432 0 0 1-115.1996792-115.1996792V185.26365722a115.36997432 115.36997432 0 0 1 115.1996792-115.19968008h205.86683584a115.36997432 115.36997432 0 0 1 115.19968007 115.19968009V391.1705624a115.36997432 115.36997432 0 0 1-115.19968007 115.23974854zM177.23974854 132.60237734a52.75143545 52.75143545 0 0 0-52.69133145 52.69133144V391.1705624a52.75143545 52.75143545 0 0 0 52.69133145 52.69133145h205.86683584a52.76145323 52.76145323 0 0 0 52.70134921-52.69133145V185.26365722a52.75143545 52.75143545 0 0 0-52.70134921-52.69133144z"
                                    p-id="2520"></path>
                            </svg>
                            <p>Proudcts</p>
                        </a>


                    </li>
                    <li id="f-logo">
                        <div class="imgWarp">
                            <img src="./img/index/logo.webp" alt="">
                        </div>
                    </li>
                    <li>
                        <a href="./about.html">
                            <svg t="1688436925737" class="icon" viewBox="0 0 1229 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2215"
                                xmlns:xlink="http://www.w3.org/1999/xlink" width="38.40625" height="32">
                                <path
                                    d="M727.59 511.004C817.748 467.99 880.387 375.63 880.387 268.53 880.387 120.549 761.052 0.147 614.391 0.147S348.4 120.549 348.4 268.53c0 107.098 62.674 199.46 152.792 242.474-224.396 55.89-328.166 277.36-328.166 485.41 0 14.89 11.962 26.876 26.643 26.876 14.76 0 26.68-12.027 26.68-26.876 0-214.47 121.399-445.341 388.01-445.341 266.604 0 388.004 230.871 388.004 445.341 0 14.89 11.96 26.876 26.678 26.876 14.721 0 26.643-12.027 26.643-26.876 0.074-208.051-103.656-429.522-328.093-485.41M401.72 268.53c0-118.315 95.37-214.583 212.67-214.583 117.297 0 212.675 96.268 212.675 214.583 0 118.276-95.376 214.511-212.675 214.511-117.301 0-212.67-96.235-212.67-214.511"
                                    p-id="2216"></path>
                                <path
                                    d="M289.591 493.675c12.114-1.162 21.894-10.48 23.806-22.626 1.877-12.147-4.674-24.098-15.868-28.931-5.364-2.321-130.794-58.097-120.828-189.135C188.124 103.764 349.2 85.703 356.177 84.966c14.607-1.428 25.34-14.541 23.924-29.32-1.38-14.812-14.225-25.601-29.058-24.25C277.56 38.475 135.42 93.01 123.5 248.847c-7.324 96.924 44.313 166.582 95.411 207.43-88.82 31.206-234.37 119.899-216.354 364.072 1.034 14.118 12.728 24.947 26.523 24.947 0.692 0 1.347 0 2.039-0.077 14.68-1.121 25.719-14.041 24.607-28.854-21.62-293.563 223.52-321.686 233.865-322.69M1105.17 248.848C1093.283 93.05 951.185 38.513 877.702 31.397c-14.76-1.318-27.679 9.477-29.06 24.213-1.415 14.773 9.355 27.928 24 29.356 6.86 0.655 167.9 17.87 179.358 167.978 10.01 131.04-115.456 186.853-120.708 189.098-11.23 4.797-17.787 16.667-15.952 28.812 1.803 12.146 11.615 21.581 23.73 22.781 10.43 1.009 255.568 29.125 233.95 322.655-1.111 14.813 9.926 27.726 24.608 28.848 0.69 0.083 1.345 0.083 2.033 0.083 13.8 0 25.494-10.792 26.527-24.947 18.052-244.097-127.497-332.79-216.354-363.997 51.1-40.923 102.77-110.505 95.336-207.43z"
                                    p-id="2217"></path>
                            </svg>
                            <p>About</p>
                        </a>

                    </li>
                    <li>
                        <a href="./contact.html">
                            <svg t="1688436930449" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2366"
                                xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
                                <path
                                    d="M438.3 917.2l-98.6-82.8c-11.7-9.8-13.3-27.3-3.4-39.1 11.4-13.5 31.5-15.3 45.1-3.9L431 833l58.1-69.2h381.4c16.5 0 29.9-13.4 29.9-29.9V196.4c0-16.5-13.4-29.9-29.9-29.9H153.6c-16.5 0-29.9 13.4-29.9 29.9V734c0 16.5 13.4 29.9 29.9 29.9h61.3c17.7 0 32 14.3 32 32 0 15.3-12.4 27.7-27.7 27.7h-65.6c-49.5 0-89.6-40.1-89.6-89.6V196.4c0-49.5 40.1-89.6 89.6-89.6h716.8c49.5 0 89.6 40.1 89.6 89.6V734c0 49.5-40.1 89.6-89.6 89.6H516.9l-78.6 93.6z"
                                    fill="#333333" p-id="2367"></path>
                                <path d="M293.7 462m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#333333"
                                    p-id="2368"></path>
                                <path d="M511.7 462m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#333333"
                                    p-id="2369"></path>
                                <path d="M730.3 462m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#333333"
                                    p-id="2370"></path>
                            </svg>
                            <p>Contact</p>
                        </a>

                    </li>
                </ul>
            </div>
        </footer>
    </div>
    <div class="web-search"> <b id="btn-search-close" class="btn--search-close"></b>
        <div style=" width:100%">
            <div class="head-search">
                <form class="" action="">
                    <input class="search-ipt" name="s" placeholder="Start Typing..." />
                    <input class="search-btn" type="button" />
                    <span class="search-attr">Hit enter to search or ESC to close</span>
                </form>
            </div>
        </div>
    </div>
    <div class="sidebarWarpper">
        <div class="sidebar">
            <ul>
                <li>
                    <div class="imgWarp">
                        <img src="./img/side_facebook.png" alt="">
                    </div>
                    <div class="info">
                        <a href="#">facebook</a>
                    </div>
                </li>
                <li>
                    <div class="imgWarp">
                        <img src="./img/sms.png" alt="">
                    </div>
                    <div class="info">
                        <p>Searchtest@test.com</p>
                    </div>
                </li>
                <li>
                    <div class="imgWarp">
                        <img src="./img/telephone.png" alt="">
                    </div>
                    <div class="info">
                        <p>
                            xxxxxx
                        </p>
                    </div>
                </li>
                <li class="ewmWarp">
                    <div class="imgWarp">
                        <img src="./img/erweima.png" alt="">
                    </div>
                    <div class="info">
                        <p>Searchtest@test.com</p>
                        <div class="ewm">
                            <img src="./img/ewm.png" alt="">
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="inquiry_form">
        <h3 class="form_title">Leave Your Message</h3>
        <!-- 表单只放下面div的 -->
        <div class="form">
            <div action="" id="form">
                <div class="list">
                    <p><span>*</span> Name</p>
                    <input type="text" placeholder="Please enter your name">
                </div>
                <div class="list">
                    <p><span>*</span> Email</p>
                    <input type="text" placeholder="( we will replu youbia email in 24 hours )">
                </div>
                <div class="list">
                    <p> Phone/WhatsAPP/WeChat</p>
                    <input type="text" placeholder="( very important )">
                </div>
                <div class="list">
                    <p><span>*</span> What I have to say</p>
                    <textarea name=""
                        placeholder="Enter product details such as size, color, materials etc and other specificrequirements to receive an accurate quote"></textarea>
                </div>
                <input type="submit" value="Submit" id="submit">
            </div>
        </div>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/style.js"></script>
    <ul class="prisna-wp-translate-seo" id="prisna-translator-seo">
        <li class="language-flag language-flag-en"> <a title="English" href="javascript:;"> <b class="country-flag"></b>
                <span>English</span> </a> </li>
        <li class="language-flag language-flag-fr"> <a title="Français" href="javascript:;"> <b
                    class="country-flag"></b> <span>Françai</span> </a> </li>
        <li class="language-flag language-flag-es"> <a title="Español" href="javascript:;"> <b class="country-flag"></b>
                <span>Español</span> </a> </li>
        <li class="language-flag language-flag-de"> <a title="Deutsch" href="javascript:;"> <b class="country-flag"></b>
                <span>Deutsch</span> </a> </li>
        <li class="language-flag language-flag-ro"> <a title="Română" href="javascript:;"> <b class="country-flag"></b>
                <span>Română</span> </a> </li>
        <li class="language-flag language-flag-ar"> <a title="العربية" href="javascript:;"> <b class="country-flag"></b>
                <span>العربية</span> </a> </li>
        <li class="language-flag language-flag-ko"> <a title="한국어" href="javascript:;"> <b class="country-flag"></b>
                <span>한국어</span> </a> </li>
        <li class="language-flag language-flag-ja"> <a title="日本語" href="javascript:;"> <b class="country-flag"></b>
                <span>日本語</span> </a> </li>
        <li class="language-flag language-flag-it"> <a title="Italiano" href="javascript:;"> <b
                    class="country-flag"></b> <span>Italiano</span> </a> </li>
        <li class="language-flag language-flag-pt"> <a title="Português" href="javascript:;"> <b
                    class="country-flag"></b> <span>Português</span> </a> </li>
        <li class="language-flag language-flag-ga"> <a title="Gaeilge" href="javascript:;"> <b class="country-flag"></b>
                <span>Gaeilge</span> </a> </li>
        <li class="language-flag language-flag-da"> <a title="Dansk" href="javascript:;"><b class="country-flag"></b>
                <span>Dansk</span> </a> </li>
        <li class="language-flag language-flag-cs"> <a title="Čeština" href="javascript:;"> <b class="country-flag"></b>
                <span>Čeština</span> </a> </li>
        <li class="language-flag language-flag-ru"> <a title="Русский" href="javascript:;"> <b class="country-flag"></b>
                <span>Русский</span> </a> </li>
        <li class="language-flag language-flag-af"> <a title="Afrikaans" href="javascript:;"> <b
                    class="country-flag"></b> <span>Afrikaans</span> </a> </li>
        <li class="language-flag language-flag-eu"> <a title="Euskara" href="javascript:;"> <b class="country-flag"></b>
                <span>Euskara</span> </a> </li>
        <li class="language-flag language-flag-ca"> <a title="Català" href="javascript:;"> <b class="country-flag"></b>
                <span>Català</span> </a> </li>
        <li class="language-flag language-flag-eo"> <a title="Esperanto" href="javascript:;"> <b
                    class="country-flag"></b> <span>Esperanto</span> </a> </li>
        <li class="language-flag language-flag-hi"> <a title="हिन्दी" href="javascript:;"> <b class="country-flag"></b>
                <span>हिन्दी</span> </a> </li>
        <li class="language-flag language-flag-el"> <a title="Ελληνικά" href="javascript:;"> <b
                    class="country-flag"></b> <span>Ελληνικά</span> </a> </li>
        <li class="language-flag language-flag-ms"> <a title="Bahasa Melayu" href="javascript:;"> <b
                    class="country-flag"></b> <span>Bahasa Melayu</span> </a> </li>
        <li class="language-flag language-flag-pl"> <a title="Polski" href="javascript:;"> <b class="country-flag"></b>
                <span>Polski</span> </a> </li>
        <li class="language-flag language-flag-sr"> <a title="Српски" href="javascript:;"> <b class="country-flag"></b>
                <span>Српски</span> </a> </li>
        <li class="language-flag language-flag-sw"> <a title="Kiswahili" href="javascript:;"> <b
                    class="country-flag"></b> <span>Kiswahili</span> </a> </li>
        <li class="language-flag language-flag-th"> <a title="ภาษาไทย" href="javascript:;"> <b class="country-flag"></b>
                <span>ภาษาไทย</span> </a> </li>
        <li class="language-flag language-flag-vi"> <a title="Tiếng Việt" href="javascript:;"> <b
                    class="country-flag"></b> <span>Tiếng Việt</span> </a> </li>
        <li class="language-flag language-flag-tr"> <a title="Türkçe" href="javascript:;"> <b class="country-flag"></b>
                <span>Türkçe</span> </a> </li>
        <li class="language-flag language-flag-sv"> <a title="Svenska" href="javascript:;"> <b class="country-flag"></b>
                <span>Svenska</span> </a> </li>
        <li class="language-flag language-flag-cy"> <a href="javascript:;"> <b class="country-flag"></b>
                <span>Cymraeg</span> </a> </li>
        <li class="language-flag language-flag-sk"> <a title="Slovenčina" href="javascript:;"> <b
                    class="country-flag"></b> <span>Slovenčina</span> </a> </li>
        <li class="language-flag language-flag-lv"> <a title="Latviešu" href="javascript:;"> <b
                    class="country-flag"></b> <span>Latviešu</span> </a> </li>
        <li class="language-flag language-flag-mt"> <a title="Malti" href="javascript:;"> <b class="country-flag"></b>
                <span>Malti</span> </a> </li>
        <li class="language-flag language-flag-hu"> <a title="Magyar" href="javascript:;"> <b class="country-flag"></b>
                <span>Magyar</span> </a> </li>
        <li class="language-flag language-flag-gl"> <a title="Galego" href="javascript:;"> <b class="country-flag"></b>
                <span>Galego</span> </a> </li>
        <li class="language-flag language-flag-gu"> <a title="ગુજરાતી" href="javascript:;"> <b class="country-flag"></b>
                <span>ગુજરાતી</span> </a> </li>
        <li class="language-flag language-flag-et"> <a title="Eesti Keel" href="javascript:;"> <b
                    class="country-flag"></b> <span>Eesti Keel</span> </a> </li>
        <li class="language-flag language-flag-bn"> <a title="বাংলা" href="javascript:;"> <b class="country-flag"></b>
                <span>বাংলা</span> </a> </li>
        <li class="language-flag language-flag-sq"> <a title="Shqip" href="javascript:;"> <b class="country-flag"></b>
                <span>Shqip</span> </a> </li>
        <li class="language-flag language-flag-be"> <a title="беларуская мова" href="javascript:;"> <b
                    class="country-flag"></b> <span>беларуская мова</span> </a> </li>
        <li class="language-flag language-flag-nl"> <a title="Nederlands" href="javascript:;"> <b
                    class="country-flag"></b> <span>Nederlands</span> </a> </li>
        <li class="language-flag language-flag-tl"> <a title="Tagalog" href="javascript:;"> <b class="country-flag"></b>
                <span>Tagalog</span> </a> </li>
        <li class="language-flag language-flag-ka"> <a title="ქართული" href="javascript:;"> <b class="country-flag"></b>
                <span>ქართული</span> </a> </li>
        <li class="language-flag language-flag-is"> <a title="Íslenska" href="javascript:;"> <b
                    class="country-flag"></b> <span>Íslenska</span> </a> </li>
        <li class="language-flag language-flag-ht"> <a title="Kreyòl Ayisyen" href="javascript:;"> <b
                    class="country-flag"></b> <span>Kreyòl Ayisyen</span> </a> </li>
        <li class="language-flag language-flag-lt"> <a title="Lietuvių" href="javascript:;"> <b
                    class="country-flag"></b> <span>Lietuvių</span> </a> </li>
        <li class="language-flag language-flag-no"> <a title="Norsk‎" href="javascript:;"> <b class="country-flag"></b>
                <span>Norsk‎</span> </a> </li>
        <li class="language-flag language-flag-sl"> <a title="slovenščina" href="javascript:;"> <b
                    class="country-flag"></b> <span>slovenščina</span> </a> </li>
        <li class="language-flag language-flag-ta"> <a title="தமிழ்" href="javascript:;"> <b class="country-flag"></b>
                <span>தமிழ்</span> </a> </li>
        <li class="language-flag language-flag-uk"> <a title="Українська" href="javascript:;"> <b
                    class="country-flag"></b> <span>Українська</span> </a> </li>
        <li class="language-flag language-flag-yi"> <a title="ײִדיש" href="javascript:;"> <b class="country-flag"></b>
                <span>ײִדיש</span> </a> </li>
        <li class="language-flag language-flag-ur"> <a title="اردو" href="javascript:;"> <b class="country-flag"></b>
                <span>اردو</span> </a> </li>
        <li class="language-flag language-flag-te"> <a title="తెలుగు" href="javascript:;"> <b class="country-flag"></b>
                <span>తెలుగు</span> </a> </li>
        <li class="language-flag language-flag-fa"> <a title="فارسی" href="javascript:;"> <b class="country-flag"></b>
                <span>فارسی</span> </a> </li>
        <li class="language-flag language-flag-mk"> <a title="македонски" href="javascript:;"> <b
                    class="country-flag"></b> <span>македонски</span> </a> </li>
        <li class="language-flag language-flag-kn"> <a title="ಕನ್ನಡ" href="javascript:;"> <b class="country-flag"></b>
                <span>ಕನ್ನಡ</span> </a> </li>
        <li class="language-flag language-flag-id"> <a title="Bahasa Indonesia" href="javascript:;"> <b
                    class="country-flag"></b> <span>Bahasa Indonesia</span> </a> </li>
        <li class="language-flag language-flag-iw"> <a title="עברית" href="javascript:;"> <b class="country-flag"></b>
                <span>עברית</span> </a> </li>
        <li class="language-flag language-flag-fi"> <a title="Suomi" href="javascript:;"> <b class="country-flag"></b>
                <span>Suomi</span> </a> </li>
        <li class="language-flag language-flag-hr"> <a title="Hrvatski" href="javascript:;"> <b
                    class="country-flag"></b> <span>Hrvatski</span> </a> </li>
        <li class="language-flag language-flag-bg"> <a title="Български" href="javascript:;"> <b
                    class="country-flag"></b> <span>Български</span> </a> </li>
        <li class="language-flag language-flag-az"> <a title="Azerbaijani" href="javascript:;"> <b
                    class="country-flag"></b> <span>Azerbaijani</span> </a> </li>
    </ul>
</body>

</html>